<script type="text/javascript">
 $.fn.rating.options.cancel = 'Сбросить';
 $(function(){
    $("ul.reviews").hide();
    var anchor = $(document).attr('location').hash;
    if (anchor == "#reviews" || anchor == "#review_form") $(".reviews").show();
    $("#reviews_link").click(function(e){
        e.preventDefault();
        $("ul.reviews").toggle();
    });
 });
</script>

{% if account.reviews_enabled? %}
<!-- список отзывов -->
<div id="reviews">
  <h3> <a name="reviews" id="reviews_link"> Отзывы: {{product.reviews_count}}</a> </h3>
  <!-- List all reviews -->

  {% if product.reviews == empty %}
    <p class="box"> <em> Пока нет отзывов</em> </p>
  {% else %}
    {% if product.rating %}
        <div class="rating_wrapper">
            <label class="rating_label"> Рейтинг товара:</label>
            {% for i in (1..5) %}
              <input name='review[rating]' type='radio' class='star' value='{{i}}' disabled="disabled" {% if product.rating == i%}checked="checked"{% endif %}/>
            {% endfor %}
        </div>
    {% endif %}
    <ul class="reviews">
    {% for review in product.reviews %}
      <li class="{% if forloop.last %}last{% endif %}">
        <div class="reviews">
          {{ review.content | newline_to_br }}
        </div>
        {% if review.rating %}<small> Оценка: {{ review.rating }}</small> {% endif %}
        <div class="review_details">
          Добавил(а) {{ review.author }} , {{ review.created_at | date: "%d.%m.%Y %H:%M" }}
        </div>
      </li>
    {% endfor %}
    </ul>
  {% endif %}
</div>

<!-- форма отзыва -->
<div id="review_form">
  <!-- Review Form -->
  {% form review %}
    <h3>Оставить отзыв</h3>
    {% if form.posted_successfully? %}
      {% if account.reviews_moderated? %}
        <div class="notice">
          Отзыв успешно отправлен.<br />
          Он будет промодерирован владельцем магазина перед публикацией.
        </div>
      {% else %}
        <div class="notice"> Отзыв добавлен.</div>
      {% endif %}
    {% endif %}
    <div class="rating_wrapper">
        <label for="rating" class="rating_label fl"> Оцените товар:</label>
        {% for i in (1..5) %}
          <input name='review[rating]' type='radio' class='star' value='{{i}}'/>
        {% endfor %}
    </div>
   <div style="clear: both;"> </div>
    {% if review.errors.size > 0 %}
      <div class="notice error"> Не все поля заполнены правильно!</div>
    {% endif %}

    
        <label for="review_author" class="{% if review.errors contains 'author' %}error{% endif %}"> Имя</label>
        <input type="text" id="review_author" name="review[author]" value="{{review.author}}" class="txt {% if review.errors contains 'author' %}input-error{% endif %}" />

        <label for="review_email" class="{% if review.errors contains 'author' %}error{% endif %}"> E-mail</label>
        <input type="text" id="review_email" name="review[email]" value="{{review.email}}" class="txt {% if review.errors contains 'email' %}input-error{% endif %}" />
       
   
        <label for="review_body" class="{% if review.errors contains 'author' %}error{% endif %}"> Отзыв</label> 
        <textarea id="review_body" name="review[content]" cols="32" rows="4" class="{% if review.errors contains 'content' %}input-error{% endif %}"> {{review.content}}</textarea> 
      {% if review.captcha_enabled? %}
            <div id="captcha">
                <div id="captcha_challenge">
                    {{ review | captcha_challenge }}
                </div>
                <input type="text" size="30" name="review[captcha_solution]" id="review_captcha_solution" class="txt textfield {% if review.errors contains 'captcha_solution' %}input-error{% endif %}">
                <br/><small>Наберите текст, изображённый на картинке</small>
            </div>
        {% endif %}
 <p class="small"> Все поля обязательны к заполнению</p>
        <input type="submit" class="buy_button" value="Отправить отзыв" />
    

    {% if account.reviews_moderated? %}
      <div id="review_moderation_warning"> Перед публикацией отзывы проходят модерацию</div>
    {% endif %}
  {% endform %}
</div>

{% endif %}
